<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <link
      rel="stylesheet"
      href="http://at.alicdn.com/t/font_2018856_0dfbg7hkx8g.css"
    />

    <link rel="stylesheet" href="css/indexslideshow2.css" />
    <link rel="stylesheet" href="css/indexslideshow.css" />
    <link rel="stylesheet" href="css/indexfirst.min.css" />
  </head>
  <body>
    <header>
      <div class="header">
        <img src="img/logo.png" class="logo" />
        <ul class="nav">
          <li><a href="indexfirst.html">首页</a></li>
          <li>
            <a href="#"
              >走进运达
              <div class="iconfont icon-xiajiantou"></div
            ></a>
            <div class="nav-two">
              <ul>
                <li>公司概况</li>
                <li>企业文化</li>
                <li>公司发展历程</li>
                <li>荣誉证书</li>
                <li>运达新闻</li>
                <li>运达视界</li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#"
              >产品与服务
              <div class="iconfont icon-xiajiantou"></div
            ></a>
            <div class="nav-two">
              <ul>
                <li>
                  <ul>
                    <li>产品与解决方案</li>
                    <li>仿真培训系统</li>
                    <li>列车安全检测解决方案</li>
                    <li>信息化解决方案</li>
                    <li>牵引与网络控制解决方案</li>
                    <li>安全测控解决方案</li>
                    <li>专业集成解决方案</li>
                  </ul>
                </li>
                <li>企业文化</li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#"
              >投资者关系
              <div class="iconfont icon-xiajiantou"></div
            ></a>
            <div class="nav-two">
              <ul>
                <li>公司概况</li>
                <li>企业文化</li>
                <li>公司发展历程</li>
                <li>荣誉证书</li>
                <li>运达新闻</li>
                <li>运达视界</li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#"
              >加入运达
              <div class="iconfont icon-xiajiantou"></div
            ></a>
            <div class="nav-two">
              <ul>
                <li><a href="../second/zhaopin.html">社会招聘</a></li>
              </ul>
            </div>
          </li>
        </ul>
        <ul class="nav2">
          <li><a href="../123/index.html">你好，请登录</a></li>
          &nbsp;&nbsp;&nbsp;
          <li><a href="../123/register.html">注册</a></li>
          <li>&nbsp;|&nbsp;</li>
          <li>
            <div class="iconfont icon-diqiu"></div>
            <span><a href="#">CN</a></span>
            <div class="iconfont icon-xiajiantou"></div>
            <div class="Cn">
              <div>CN</div>
              <div>EN</div>
            </div>
          </li>
        </ul>
      </div>
    </header>
    <ul class="scroll">
      <li>
        <a href="#page1">—<span class="scroll-1">首页</span></a>
      </li>
      <li>
        <a href="#page2">—<span class="scroll-2">新闻资讯</span></a>
      </li>
      <li>
        <a href="#page3">—<span class="scroll-3">解决方案</span></a>
      </li>
      <li>
        <a href="#page4">—<span class="scroll-4">服务客户</span></a>
      </li>
      <li>
        <a href="#page5">—<span class="scroll-5">全球业务</span></a>
      </li>
      <li>
        <a href="#page6">—<span class="scroll-6">联系我们</span></a>
      </li>
    </ul>
    <div class="fudong">
      <a href=""><img src="img/fudong.png" alt="" /></a>
    </div>
    <main id="wrap">
      <div id="main">
        <div id="page1" class="page">
          <div class="content">
            <div class="a-content">
              <div class="carousel-content">
                <ul class="carousel">
                  <li><img src="img/frist-1.jpg" /></li>
                  <li><img src="img/frist-2.jpg" /></li>
                  <li><img src="img/frist-3.jpg" /></li>
                </ul>
                <ul class="img-index"></ul>
              </div>
            </div>
          </div>
        </div>
        <div id="page2" class="page">
          <h2>新闻资讯</h2>
          <div class="page2-main">
            <a href="#" class="page2-left">
              <img src="img/page2-1.jpg" />
              <div>
                <h3>运达科技三大智慧方案亮剑第五届中国智慧轨道交通大会！</h3>
                <p>
                  城市轨道交通新型基础建设呼唤着更智能、更安全、更高效的解决方案。多年来，运达坚持以专业的服务及高效的管理，快速响应并引领客户需
                </p>
              </div>
            </a>
            <div class="page2-right">
              <div class="page2-right-main">
                <a href="">
                  <img src="img/page2-2.jpg" />
                  <p>第五届中国智慧轨道交通大会运达风...</p>
                  <p>2020-08-05</p>
                </a>
                <a href="">
                  <img src="img/page2-3.jpg" />
                  <p>运达与您相约第五届中国智慧轨道交...</p>
                  <p>2020-08-05</p>
                </a>
                <a href="">
                  <img src="img/page2-4.png" />
                  <p>地铁车辆脱轨监测系统通过SIL2级安...</p>
                  <p>2020-08-05</p>
                </a>
              </div>
              <div class="page2-right-main">
                <a href="">
                  <img src="img/page2-5.jpg" />
                  <p>运达看点独家揭晓！</p>
                  <p>2020-08-05</p>
                </a>
                <a href="">
                  <img src="img/page2-6.jpg" />
                  <p>三大智慧解决方案重磅亮相2020第五...</p>
                  <p>2020-08-05</p>
                </a>
                <a href="">
                  <img src="img/page2-7.png" />
                  <p>凝心聚力|国铁业务群赋能团队，整装...</p>
                  <p>2020-08-05</p>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div id="page3" class="page">
          <div class="content">
            <div class="a-content">
              <div class="carousel2-content2">
                <ul class="carousel2">
                  <li><img src="./img/page3-1.jpg" /></li>
                  <li><img src="./img/page3-2.jpg" /></li>
                  <li><img src="./img/page3-3.jpg" /></li>
                  <li><img src="./img/page3-4.jpg" /></li>
                  <li><img src="./img/page3-5.jpg" /></li>
                  <li><img src="./img/page3-6.jpg" /></li>
                </ul>
                <ul class="img-index2">
                  <li>
                    <div class="tbox">
                      <div class="tbox-top">
                        <p>
                          <img src="img/cp-con1.png" />
                        </p>
                        <p><a href="#">仿真培训解决方案</a></p>
                        <p>Simulation training solution</p>
                      </div>
                      <div class="tbox-foot">
                        <div></div>
                        <div></div>
                        <p><a href="#">列车驾驶仿真培训方案</a></p>
                        <p><a href="#">仿真培训解决方案</a></p>
                        <p><a href="#">列车驾驶仿真培训系统</a></p>
                        <p><a href="#">车站作业仿真培训系统</a></p>
                        <p><a href="#">铁路救援起重机仿真培训系统</a></p>
                        <p><a href="#">运营综合仿真培训系统</a></p>
                        <p><a href="#">城轨综合仿真培训系统</a></p>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="tbox">
                      <div class="tbox-top">
                        <p>
                          <img src="img/cp-con2.png" />
                        </p>
                        <p><a href="#">列车安全检测解决方案</a></p>
                        <p>Train safety monitoring solution</p>
                      </div>
                      <div class="tbox-foot">
                        <div></div>
                        <div></div>
                        <p><a href="#">可编程逻辑控制单元（LCU）</a></p>
                        <p><a href="#">走行部在线监测与故障诊断系统</a></p>
                        <p><a href="#">机车运用安全平台及防火检测系统</a></p>
                        <p><a href="#">中国机车远程检测与诊断系统（CMD）</a></p>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="tbox">
                      <div class="tbox-top">
                        <p>
                          <img src="img/cp-con3.png" />
                        </p>
                        <p><a href="#">信息化解决方案</a></p>
                        <p>Information-based solution</p>
                      </div>
                      <div class="tbox-foot">
                        <div></div>
                        <div></div>
                        <p><a href="#">机务信息化系统</a></p>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="tbox">
                      <div class="tbox-top">
                        <p>
                          <img src="img/cp-con4.png" />
                        </p>
                        <p><a href="#">牵引与网络控制解决方案</a></p>
                        <p>Traction and network control</p>
                      </div>
                      <div class="tbox-foot">
                        <div></div>
                        <div></div>
                        <p><a href="#">牵引辅助系统解决方案</a></p>
                        <p><a href="#">列车网络控制与管理系统</a></p>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="tbox">
                      <div class="tbox-top">
                        <p>
                          <img src="img/cp-con5.png" />
                        </p>
                        <p><a href="#">安全测控解决方案</a></p>
                        <p>Safety measure and control solution</p>
                      </div>
                      <div class="tbox-foot">
                        <div></div>
                        <div></div>
                        <p><a href="#">股道管理自动化系统</a></p>
                        <p><a href="#">自动化安全作业平台</a></p>
                        <p><a href="#">安全防范系统</a></p>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="tbox">
                      <div class="tbox-top">
                        <p>
                          <img src="img/cp-con6.png" />
                        </p>
                        <p><a href="#">专业集成解决方案</a></p>
                        <p>Professional integration solution</p>
                      </div>
                      <div class="tbox-foot">
                        <div></div>
                        <div></div>
                        <p><a href="#"> 车辆段工艺设备</a></p>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div id="page4" class="page">
          <div class="page4-main">
            <div class="page4-left">
              <img src="img/page4-left1.png" />
              <img src="img/page4-left2.png" />
              <img src="img/page4-left3.png" />
            </div>
            <div class="page4-mid">
              <h2>服务客户</h2>
              <img src="img/page4-mid.png" />
            </div>
            <div class="page4-right">
              <img src="img/page4-right1.png" />
              <img src="img/page4-right2.png" />
              <img src="img/page4-right3.png" />
            </div>
          </div>
        </div>
        <div id="page5" class="page">
          <div class="page5-top">
            <p>立足成都 &nbsp;&nbsp;&nbsp; 辐射全球</p>
            <p>
              公司产品已服务于全国所有铁路路局机务段和城市轨道交通运营企业，并远销伊朗、安哥拉、埃塞俄比亚、肯尼亚、菲律宾、越南等国家。
            </p>
          </div>
          <div class="page5-main">
            <div class="page5-left"></div>
            <div class="page5-right">
              <img src="img/page5-3.png" alt="" />
              <div class="xian1">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/meiguo.png" alt="" />
                    <span>美国</span>
                  </div>
                </div>
                <img src="img/xian1.png" alt="" />
              </div>
              <div class="xian2">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/eluosi.png" alt="" />
                    <span>俄罗斯</span>
                  </div>
                </div>
                <img src="img/xian2.png" alt="" />
              </div>
              <div class="xian3">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/tukumansitan.png" alt="" />
                    <span>土库曼斯坦</span>
                  </div>
                </div>
                <img src="img/xian3.png" alt="" />
              </div>
              <div class="xian4">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/yilang.png" alt="" />
                    <span>伊朗</span>
                  </div>
                </div>
                <img src="img/xian4.png" alt="" />
              </div>
              <div class="xian5">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/aisaiebiya.png" alt="" />
                    <span>埃塞俄比亚</span>
                  </div>
                </div>
                <img src="img/xian6.png" alt="" />
              </div>
              <div class="xian6">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/kekengni.png" alt="" />
                    <span>肯尼亚</span>
                  </div>
                </div>
                <img src="img/xian7.png" alt="" />
              </div>
              <div class="xian7">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/yuenan.png" alt="" />
                    <span>越南</span>
                  </div>
                </div>
                <img src="img/xian8.png" alt="" />
              </div>
              <div class="xian8">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/feilvbing.png" alt="" />
                    <span>菲律宾</span>
                  </div>
                </div>
                <img src="img/xian9.png" alt="" />
              </div>
              <div class="xian9">
                <div class="quan">
                  <div class="quanbg1"></div>
                  <div class="quanbg quanbg2"></div>
                  <div class="quanbg quanbg3"></div>
                  <div class="quanbg quanbg4"></div>
                  <div class="posiTion">
                    <img src="img/deguo.png" alt="" />
                    <span>德国</span>
                  </div>
                </div>
                <img src="img/xian10.png" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div id="page6" class="page">
          <div class="page6-main">
            <div class="page6-mainTop">
              <div>
                <img src="img/footlogo.png" alt="" /><br />
                <p>
                  服务热线<br />

                  028-82839999<br />

                  质量投诉<br />

                  028-82839998/13408696729<br />

                  邮箱<br />

                  Mkt&Strategy@yunda-tec.com
                </p>
              </div>
              <ul class="focn-ul1">
                <li class="focn-ul-li">
                  <p><a href="#">走进运达</a></p>
                  <ul class="focn-ul2">
                    <li>
                      <a href="#">公司概况</a>
                    </li>
                    <li>
                      <a href="#">企业文化</a>
                    </li>
                    <li>
                      <a href="#">公司发展历程</a>
                    </li>
                    <li>
                      <a href="#">荣誉证书</a>
                    </li>
                    <li>
                      <a href="#">运达新闻</a>
                    </li>
                    <li>
                      <a href="#">运达视界</a>
                    </li>
                  </ul>
                </li>
                <li class="focn-ul-li">
                  <p><a href="#">产品与服务</a></p>
                  <ul class="focn-ul2">
                    <li>
                      <a href="#">产品与解决方案</a>
                    </li>
                    <li>
                      <a href="#">产品服务</a>
                    </li>
                  </ul>
                </li>
                <li class="focn-ul-li">
                  <p><a href="#">投资者关系</a></p>
                  <ul class="focn-ul2">
                    <li>
                      <a href="#">公司公告</a>
                    </li>
                    <li>
                      <a href="#">财务指标</a>
                    </li>
                    <li>
                      <a href="#">投资者交流</a>
                    </li>
                  </ul>
                </li>
                <li class="focn-ul-li">
                  <p><a href="#">加入运达</a></p>
                  <ul class="focn-ul2">
                    <li>
                      <a href="#">人才理念</a>
                    </li>
                    <li>
                      <a href="#">运达风采</a>
                    </li>
                    <li>
                      <a href="#">社会招聘</a>
                    </li>
                    <li>
                      <a href="#">校园招聘</a>
                    </li>
                  </ul>
                </li>
              </ul>
              <div>
                <img src="img/footQRcode.jpg" alt="" />
              </div>
            </div>
            <!-- <button>显示地图</button>
            <iframe
              src="https://map.baidu.com/search/%E5%85%A8%E5%9B%BD/@11588126,3558509,13z?querytype=s&wd=%E5%85%A8%E5%9B%BD&c=1&provider=pc-aladin&pn=0&device_ratio=1&da_src=shareurl"
              sandbox=""
            >
            </iframe> -->
          </div>
        </div>
      </div>
    </main>
  </body>
  <script>
    // setInterval(() => {

    // }, 2000);
  </script>
  <script src="js/indexslideshow2.js"></script>
  <script src="js/indexslideshow.js"></script>
  <script>
    $(function () {
      $(".carousel-content").carousel({
        carousel: ".carousel", //轮播图容器
        indexContainer: ".img-index", //下标容器
        timing: 3000, //自动播放间隔
        animateTime: 700, //动画时间
        autoPlay: true, //是否自动播放 true/false
        direction: "left", //滚动方向 right/left
      });

      $(".carousel-content").hover(
        function () {
          $(".carousel-prev,.carousel-next").fadeIn(300);
        },
        function () {
          $(".carousel-prev,.carousel-next").fadeOut(300);
        }
      );
    });
  </script>
  <script>
    var wrap = document.getElementById("wrap");
    var main = document.getElementById("main");
    var hei = document.body.clientHeight;
    wrap.style.height = hei + "px";
    var obj = document.getElementsByTagName("div");
    for (var i = 0; i < obj.length; i++) {
      if (obj[i].className == "page") {
        obj[i].style.height = hei + "px";
      }
    }
    //如果不加时间控制，滚动会过度灵敏，一次翻好几屏
    var startTime = 0, //翻屏起始时间
      endTime = 0,
      now = 0;
    //浏览器兼容
    if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) {
      document.addEventListener("DOMMouseScroll", scrollFun, false);
    } else if (document.addEventListener) {
      document.addEventListener("mousewheel", scrollFun, false);
    } else if (document.attachEvent) {
      document.attachEvent("onmousewheel", scrollFun);
    } else {
      document.onmousewheel = scrollFun;
    }

    //滚动事件处理函数
    $(".scroll-1").css("opacity", "1");
    function scrollFun(event) {
      startTime = new Date().getTime();
      var delta = event.detail || -event.wheelDelta;
      //mousewheel事件中的 “event.wheelDelta” 属性值：返回的如果是正值说明滚轮是向上滚动
      //DOMMouseScroll事件中的 “event.detail” 属性值：返回的如果是负值说明滚轮是向上滚动
      if (endTime - startTime < -1000) {
        if (delta > 0 && parseInt(main.offsetTop) > -(hei * 5)) {
          //5指可以会动五次
          //向下滚动
          now = now - hei;
          toPage(now);
          switch (now) {
            case -969:
              $(".scroll-1").css("opacity", "0");
              $(".scroll-2").css("opacity", "1");
              $(".scroll a").css("color", "black");
              break;
            case -1938:
              $(".scroll-2").css("opacity", "0");
              $(".scroll-3").css("opacity", "1");
              $(".scroll a").css("color", "white");
              break;
            case -2907:
              $(".scroll-3").css("opacity", "0");
              $(".scroll-4").css("opacity", "1");
              $(".scroll a").css("color", "black");
              break;
            case -3876:
              $(".scroll-4").css("opacity", "0");
              $(".scroll-5").css("opacity", "1");
              $(".scroll a").css("color", "white");
              break;
            case -4845:
              $(".scroll-5").css("opacity", "0");
              $(".scroll-6").css("opacity", "1");
              $(".scroll a").css("color", "black");

              break;
          }
        }
        if (delta < 0 && parseInt(main.offsetTop) < 0) {
          //向上滚动
          now = now + hei;
          toPage(now);
          switch (now) {
            case 0:
              $(".scroll-2").css("opacity", "0");
              $(".scroll-1").css("opacity", "1");
              $(".scroll a").css("color", "white");
              break;
            case -969:
              $(".scroll-3").css("opacity", "0");
              $(".scroll-2").css("opacity", "1");
              break;
            case -1938:
              $(".scroll-4").css("opacity", "0");
              $(".scroll-3").css("opacity", "1");
              $(".scroll a").css("color", "white");
              break;
            case -2907:
              $(".scroll-5").css("opacity", "0");
              $(".scroll-4").css("opacity", "1");
              $(".scroll a").css("color", "black");
              break;
            case -3876:
              $(".scroll-6").css("opacity", "0");
              $(".scroll-5").css("opacity", "1");
              $(".scroll a").css("color", "white");
              break;
          }
        }
        endTime = new Date().getTime();
      } else {
        event.preventDefault();
      }
    }
    function toPage(now) {
      $("#main").animate({ top: now + "px" }, 1000); //jquery实现动画效果
    }
  </script>
  <script type="text/javascript">
    $(function () {
      $(".carousel2-content2").carousel2({
        carousel2: ".carousel2", //轮播图容器
        indexContainer: ".img-index2", //下标容器
        direction: "left", //滚动方向 right/left
      });
    });
  </script>
  <script>
    $(function () {});
  </script>
</html>
